19 Shocking Slideshow In CSS Samples For Web Designers And Developers
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
You can use this jQuery Hotspot Plugin in a product introduction or image showcase, which support the auto delay slideshow and can trigger by click or hover. Works fine in the mobile device like iPhone or iPad too.Auto delay slideshow, hover to pause. CSS3 transition support in the modern browser, fade only in the old browsers. The source js and layered png files, FAQ are all included in the source package. Free update in the future.
CSS3 transition in the modern browser. Auto delay slideshow. Optional mouse over to pause the slideshow. Optional ease in and ease out animation. FAQ and source files are included in the package, free update in the future.
It’s responsive, easy to use, safe, works in all modern browsers, gets constant updates, has great customer support, offers plenty of features and grants complete user control.Powerful CSS Transitions with jQuery FallBack
Slideshow Design
Turn any features ON and OFF and use callbacks to control what happens when your slide comes in and goes out.
7. jSprouts
Slider with fade in / fade out effect
Thanks to more than 20 options, this slider is highly customizable and easily skinnable with CSS.1 new feature (auto play/slideshow)
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
All UI is fully under control by html + css code. Use any html/css code to customize thumbnail to anyformat
Multiple sliders in one page
Composite move, fade, clip, zoom and rotation in one transition is allowed
Auto slideshow with optional pause on hover
You can customize the visual appearance of the plugin with the help of the plugin options and CSS. Auto slideshow and loop. Coded in object oriented JavaScript.Example files fixed to be properly viewed in IE7/IE8. A bug in the reflection effect which was occuring on IE7/IE8 has been fixed.
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Lightbox with slideshow (play, pause, auto-play)
You can link to another page when you click in a thumbnail
IE was showing fat images in the lightbox and now is fix
Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox
CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully
slideshow mode – display images in a slideshow
Horizontal Gridfolio Pro can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the grid must be installed manually with HTML image slider and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery CSS background color and opacity also can be modified (optional).“More thumbs feature”: this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “More thumbs” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “More thumbs” button is pressed again the 20 remaining thumbnails are showed.Zoom and panning support for images: The images can be zoomed in and out or paned, this way you can see the image in great detail (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).
A range slider jQuery help you to display fullscreen images with auto delay slideshow support. Auto delay slideshow. Woman photos in the preview http://www.
Packed with tone of options allowing you to control the layout of your 3D carousel in the way that pleases you the most. Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with image slideshow code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).
Auto delay slideshow, hover icons and text to pause. CSS3 transition support in the modern browser, fade only in the old browsers.
When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin will work as a slideshow if multiple images are used.Advanced Slideshow Features
18. Bugibba Slide
Bugibba SlideShow easy to use slider with awesome 3D transition effects.-2 type menu slideshow responsive.-1 type slideshow full screen
Auto slideshow with pause on hover (optional). Resizable width, height, thumbs width (in pixels).